<!DOCTYPE html>
<html>
<head>
    <title>报表</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/jquery-ui.css" />
    <link rel="stylesheet" href="css/pqselect.dev.css" />
    <link rel="stylesheet" href="css/ui.css" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/pqselect.dev.js"></script>
    <script type="text/javascript" src="js/ag-grid-new.js"></script>
    <script type="text/javascript" src="js/report_create.js"></script>
</head>
<body>
<div class ="mod VIEW_CREATED">
    <div class="report-container">
        <div class="report-content">
            <div class="report-body js_create_show">
                <div class="div-step create_show_step_1" style="display: inline">
                    <div class="report-title">选择模版</div>
                    <div class="report-row">
                        <div>报表：</div>
                        <div>
                            <select class = "select-opt create_show_select_templates">
                                <option value="default">---请选择---</option>
                                <option value="view">报表模版</option>
                                <option value="data_table">数据表模版</option>
                            </select>
                        </div>
                        <div>
                            <select class = "select-opt create_show_select_tables"  ></select>
                        </div>
                        <div>
                            <select class = "select-opt create_show_select_views"  ></select>
                        </div>
                    </div>
                    <div class="report-row">
                        <div class="report-button create_show_step_1_next">下一步</div>
                    </div>
                </div>
                <div class="div-step create_show_step_2" style="display: inline">
                    <div class="report-title">修改模版</div>
                    <div class="report-row">
                        <div class="ag-material create_show_new_grid" style="height: 300px;width: 99%"></div>
                    </div>
                    <div class="report-row">
                        <div class="report-button create_show_step_2_next">下一步</div>
                    </div>
                </div>
                <div class="div-step create_show_step_3">
                    <div class="report-title">添加查询条件</div>
                    <div class="report-row">
                        <div>
                            <select class = "select-opt create_show_select_cols" ></select>
                        </div>
                        <div>
                            <select class = "select-opt create_show_select_range_opts">
                                <option value="default">---请选择---</option>
                                <option value="in" >包含</option>
                            </select>
                        </div>
                        <div>
                            <select class = "multiOpts create_show_multi_col_opts" id="create_show_multi_col_opts_id"  multiple=multiple style="margin: 20px;width:150px;" ></select>
                        </div>
                        <div>
                            <button class = "btt create_show_add_query_opt">添加</button>
                        </div>
                    </div>
                    <div class="report-row">
                        <div class= "query-options make_show_search_content"></div>
                    </div>
                    <div class="report-row">
                        <div class="report-button create_show_step_3_last">上一步</div>
                        <div class="report-button create_show_step_3_next">下一步</div>
                    </div>
                </div>
                <div class="div-step create_show_step_4">
                    <div class="report-title">模版参数</div>
                    <div class="report-row parm1">
                        <span> 模版名称 </span><input type="text" id = "view-new-name-id">
                    </div>
                    <div class="report-row parm2" >
                        <span> 显示组名 </span>
                        <select class = "select-opt create_show_select_display_group">
                        <option value="default">---请选择---</option>
                        <option value="yes" >是</option>
                        <option value="no" >否</option>
                        </select>
                    </div>
                    <div class="report-row parm3" >
                        <span> 显示子组 </span>
                        <select class = "select-opt create_show_select_show_subgroup">
                            <option value="default">---请选择---</option>
                            <option value="yes" >是</option>
                            <option value="no" >否</option>
                        </select>
                    </div>
                    <div class="report-row parm4"></div>
                    <div class="report-row">
                        <div class="report-button create_show_step_4_last">上一步</div>
                        <div class="report-button create_show_step_4_next">下一步</div>
                    </div>
                </div>
                <div class="div-step create_show_step_5">
                    <div class="report-title">模板定制</div>
                    <div class="report-row">
                        <button class="btt js_create_new_list">添加新列</button>
                    </div>
                    <div class="report-row">
                        <div class = "query-options create_show_show_query_options"></div>
                        <div> <button class = "btt create_show_show_search" >查询</button></div>
                    </div>
                    <div class="report-row">
                        <div class="ag-material create_show_show_grid" style="height: 300px;width: 99%"></div>
                    </div>
                    <div class="report-row">
                        <div class="report-button create_show_step_5_last">上一步</div>
                        <div class="report-button create_show_step_5_next">下一步</div>
                    </div>
                </div>
                <div class="div-step create_show_step_6">
                    <div class="report-title">报表体验</div>
                    <div class="exportExcel report-row">
                        <label>
                            文件名:
                            <input type="text" id="inpExcelFileName"/>
                        </label>
                        <label>
                            <button class = "btt create_show_end_excel">导出Excel</button>
                        </label>
                    </div>
                    <div class="report-row">
                        <div class = "query-options create_show_end_query_options" ></div>
                        <div><button class = "btt create_show_end_search" >查询</button></div>
                    </div>
                    <div class="report-row">
                        <div class="ag-material create_show_end_grid" style="height: 300px;width: 99%"></div>
                    </div>
                    <div class="report-row">
                        <div class="report-button create_show_step_6_last">上一步</div>
                        <div class="report-button save">保存</div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="overlay js_create_new_list_show">
        <div class="overlay-content">
            <div class="overlay-close">
                <i class="fa fa-close overlay-close-icon js_create_new_list_close"></i>
            </div>
            <div class="overlay-body">
                <div id="div-exp-newcol">
                    <div id="div-exp-edit" >
                        <div> <span>成员：</span>
                            <select id = "selEle">
                                <option value = "default">请选择</option>
                            </select>
                            <button id = "addEle" >添加</button>
                        </div>
                        <div>
                            <span>符号：</span>
                            <button id = "flagPlus" >+</button>
                            <button id = "flagReduce">-</button>
                            <button id = "flagMultil">*</button>
                            <button id = "flagDivision">/</button>
                            <button id = "flagLeftBrackets">(</button>
                            <button id = "flagRightBrackets">)</button>
                        </div>
                        <div>
                            <span>数字：</span><input ID="inpNum"/><button id = "addNum">添加</button>
                        </div>
                        <div>
                            <span>编辑公式:</span>
                            <div id = "inp_exp"></div>
                        </div>
                    </div>
                    <div>
                        <span>公式：</span><span id="expSpanRet"></span>
                    </div>
                    <div>
                        <div id="divNewExpCol" >
                            <div id="divNewExpColSubGroup"> <span>组名</span><input type="text" id="inpNewExpColSubGroup"/></div>
                            <div id="divNewExpColSubCol"> <span>列名</span><input type="text" id="inpNewExpColSubCol"/></div>
                        </div>
                        <div>
                            <button id="btt_geneteExpCol">生成新列</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>